<template>
  <div style="height: 100%; background-color: #fff;">
    <Tabs v-model="tabKey" class="single-table-con">
      <TabPane label="任务表" name="one">
        <configList type="1" reportName="数字化转型专项实施方案任务表"></configList>
      </TabPane>
      <TabPane label="覆盖度" name="two">
        <configList type="2" reportName="关键业务环节数字化覆盖度"></configList>
      </TabPane>
      <!-- <TabPane label="菜单" name="menu">
        <MenuManage></MenuManage>
      </TabPane> -->
    </Tabs>
  </div>
</template>

<script>
import { approvalMix } from '@/views/todoCenter/myApproval/approval-mix'
import configList from './configList.vue'
// import MenuManage from '@/views/menuList/menuManage.vue'

export default {
  name: 'businessData',
  components: {
    configList
    // MenuManage
  },
  props: {
    $route: {
      type: Object,
      default: () => ({})
    }
  },
  mixins: [approvalMix],
  data() {
    return {
      tabKey: 'one'
    }
  },
  created() {
    this.init()
  },
  methods: {
    init() {
      this.$store.dispatch('getBuList')
    }
  }
}
</script>
<style lang="less" scoped>
.single-table-con {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  /deep/.ivu-tabs-content {
    flex: 1;
  }
  /deep/.ivu-tabs-tabpane {
    background-color: #f4f6fd;
    padding-top: 5px;
  }
  /deep/.ivu-tabs-nav-scroll {
    background-color: #fff;
  }
}
</style>
